今天會來建立一個基本的ComposeUI專案，並且介紹Android Studio中的功能。 建立專案 建立新專案，選擇Empty Activity 建立完成後...
HF
‧
2024-09-17
開發 Android 畫面的兩種常用方法： 使用 XML Layout 檔案 Jetpack Compose UI：本篇介紹如下 build.gr...
前言 昨天使用 *toMutableStateList*() 讓 list 新增和移除可以讓畫面更新。 今天想要嘗試更改 list 的參數內容，讓內容也可以讓...
前言 今天要將 training 資料搬到 viewModel。 ViewModel ViewModel 能以比較長的生命週期持有 State，讓螢幕選轉等...
前言 昨天完成 Training 頁面雛形，今天要來加一些更改數據的互動。 首先是日期調整這裡要用到 DatePickerDialog Date Picker...
前言 今天來做 Training 頁面 預覽 先擺上今天的成果 預設主題 黑暗主題 @Preview @Composable fun...
前言 學以致用，把主畫面組裝起來。 MainScreen 這裡傳三個 funtion 用來做頁面轉換用。 @OptIn(ExperimentalMateria...
Medium 好讀版 鐵人賽系列文章今天進入最終章，在實作 Kimoji App 的過程，有許多實務經驗和心得非常想和各位讀者分享；Compose 的世...
隨著功能越來越多，畫面也會越來越多，跳轉畫面與返回也逐漸複雜，所以會使用 Navigation 函式庫統一處理畫面轉換與返回操作，也降低畫面之間的依賴關係。 O...
前言 今天來介紹進階 State 和 Side Effect 。 依造昨天的慣性，先上結論表方便未來查找。 Effect_Name 更新畫面時機 執行動...
前言 今天來介紹會觸發畫面更新的 State。先來個大總結，後頭再解釋： 在 Compose 中建議使用以下方式儲存變數 可觀察且可變 例如：State&...
前言 今天來介紹整個頁面的要角 Floating Action Button。 Floating Action Button 樣子 簡稱為 FAB ，常在...
前言 今天來介紹 navigation 怎麼管理頁面 stack，以及navigation到其他頁面時帶參數的方式。 popup stack 是一種資料結構，...
前言 Compose 中要在不同頁面之間切換，可以用 Navigation API。今天就來用在專案中 添加依賴 dependencies { imple...
前言 今天要來實踐如何在 Lazy Layout 中滑動 item。 支援庫 ComposeReorderable 昨天開心的研究完手勢互動，突然發現在 L...
前言 今天來研究如何處理使用者互動行為，這個專案會用到 click、drag 等動作，讓記事進入編輯狀態，還能透過拖曳來改變 list 的順序。所以首先要先知...
前言 今天接續昨天，調整卡片樣式。目標樣式： 字體大小 參考 MD3 Card日期我們使用 title medium 內文使用 body medium 在 T...
前言 詳讀完 grid layout ，接下來要使用在專案中。除了呈現，我還要做出紀錄長按 item，並且記住 item index 的功能。 前置作業 1...
前言 昨天講解了 Grid Layout 的基本用法，今天來講最後一個參數 content 的 LazyGridScope 是什麼。 Scope Layou...
前言 今天來研究 Layout 排版中的 GridLayout。 Grid Layout 首先我們要了解LazyVerticalGrid的欄位有什麼，在 c...
前言 昨天介紹了 Brush 如何套用在字體，以及重複上色的模式TileMode，今天帶來用圖片作為字體色，以及指定範圍內字體套用筆刷風格的方法。 用圖片顏色...
將可組合項作為可靠來源如果狀態和邏輯比較簡單，在可組合項中使用界面邏輯界面和元素狀態是一種不錯的方法。例如，以下是處理 ScaffoldState 和 Coro...
前言 因為團隊成員聖佑有把 Text 屬性全部詳說一遍了，所以我想來點不一樣的，今天來研究 Brush API 來做出字體漸層色效果。 Brush API...
在 Compose 中恢復狀態 在重新創建活動或狀態進程後，您可以使用rememberSaveable 恢復狀態。rememberSaveable 在重組後保持...
前言 Card 上面會用到關閉的 IconButton。來介紹IconButton的參數，並且從Toggle Button 的參數來介紹狀態提升的技巧。 Ic...
前言 今天研究 Search bar 如何用 TopAppBar 實現。 TopAppBar 上方導覽列，分為四種樣式。M3 和 M2不同的點在於，捨棄了陰...
State and Jetpack Compose II Stateful versus stateless 使用記住存儲對象的 Composable 會創建內...
State and Jetpack Compose I 今天開始來學習 compose 的狀態管理。 應用中的狀態是可以隨時間變化的任何值。 所有 Androi...
前言 今天詳細介紹 Card 的種類，以及實作時需要注意的事項。 Card @Composable fun MyCard() { Card() {...
前言 今天要從 Flow 開始，介紹主畫面主要流程、看看 wirefram 上需要哪些 Component，並到 Figma 的 MD3 抓需要的元件。 Ho...
Alice
ChuLin
John Lu
Mikucat
哈嘎
iThome鐵人賽
看影片追技術